h1 {
    font-family: New Space;
    color: #262626;
    text-align: center;
}

body {
    background-image: url(https://i.pinimg.com/1200x/53/fc/4e/53fc4e588fbe0fd619033c599b77f3c1.jpg);
    background-color: rgb(0, 0, 0, 36%);
    font-family: Namistre;
    cursor: url(https://arealankleater.neocities.org/image-from-rawpixel-id-20931724-png.png);
}

a:link {
    color: #000;
    text-decoration: none;
    font-family: Namistre;
    font-size: small;
}

a:visited {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #262626;
    text-decoration: underline;
}

#music-player {
    display: flex;
    align-items: center;
    justify-content: center;
}

#music-player {
    height: 1.425em;
    width: 1.425em;
    font-size: 1.5em;
    padding: 0.125em;
    border-radius: 50%;
    border: 3px dotted #ADE096;
    background: #FFB3C7;
    position: relative;
    bottom: -1em;
    left: 0em;
    z-index: 1200;
    -webkit-animation: spin 2s linear infinite;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#music-player:hover {
    -webkit-animation: pop 0.3s ease;
}

div.audio {
    position: absolute;
    bottom: 10px;
    right: 5;
}

div.audio p {
    position: absolute;
    text-align: center;
    right: 15px;
    bottom: 120px;
    color: #000;
    text-shadow: 0 0 0.5px #262626, 0 0 1px #171717;
    font-family: Death Bones;
}